<template>
  <div>
    <p>{{ msg }}</p>
    <p>{{ msg | toUp }}</p>
    <p>{{ msg | rev }}</p>
  </div>
</template>

<script>
import Vue from "vue";
//new Vue 上面  定义  全局过滤器
// 语法  Vue.filter('过滤器名',值 => 返回处理后的结果);
Vue.filter("toUp", (val) => val.toUpperCase());
export default {
  data() {
    return {
      msg: "hello vue",
    };
  },
  //局部过滤器 过滤器的名字只能在当前vue文件里使用
  filters: {
    rev(val) {
      return val.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>